﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Home</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/easySlider1.5.js"></script>        
        <script type="text/javascript" src="js/getFitByDesign.js"></script>
</head>

<body>
<div id="wrapper">

    <div id="header">
        <div id="logo">
        	<a href="index.html"><img src="images/logo.png" alt="Get Fit By Design Logo"/></a>
       	</div>
        <div id="social">
            <ul id="share-icons">
                <li><a id="facebook-icon" title="Join us on Facebook" href="#"></a></li>
                <li><a id="twitter-icon" title="Follow us on Twitter" href="#"></a></li> 
            </ul>
        </div>
    </div>
    
	<div id="main-body">
		<div id="nav">
			<ul>
				<li><a href="health.html" title="My Health">My Health</a></li>			
				<li><a href="fitness.html" title="Fitness">Fitness</a></li>
				<li><a href="Nutrition/index.html" title="Diet & Nutrition">Diet &amp; Nutrition</a>
					<ul>
						<li><a href="Nutrition/nutritionProfile.html" title="My Nutrition Profile">My Nutrition Profile</a></li>
						<li><a href="Nutrition/recipes.html" title="My Recipes">My Recipes</a></li>
						<li><a href="Nutrition/foodTracker.html" title="My Food Tracker">My Food Tracker</a></li>
						<li><a href="Nutrition/education.html" title="My Education">My Education</a></li>
						<li><a href="Nutrition/motivation.html" title="My Motivation">My Motivation</a></li>
						<li><a href="Nutrition/goals.html" title="My Goals">My Goals</a></li>
						<li><a href="Nutrition/nutritionFacts.html" title="Nutrition Facts">Nutrition Facts</a></li>
						<li><a href="Nutrition/nutritionResources.html" title="Nutrition Resources">Nutrition Resources</a></li>
					</ul>
				</li>
				<li><a href="stress.html" title="Stress Management">Stress Management</a></li>			
				<li><a href="services.html" title="Services">Services</a></li>
				<li><a href="courses.html" title="Courses">Courses</a></li>
				<li><a href="help.html" title="Help & Support">Help &amp; Support</a></li>			
				<li><span style="float: right;"><a href="login.html" title="Login">Login &raquo;</a></span></li>
			</ul>
		</div>		
		<div id="slider">
            <ul>
                <li><img src="images/running.jpg" alt="Get Fit By Running" /></li>
                <li><img src="images/yoga.png" alt="Get Fit By Yoga" /></li>
                <li><img src="images/biking.png" alt="Get Fit By Biking" /></li>
                <li><img src="images/zumba.png" alt="Get Fit By Zumba" /></li>
            </ul>
		</div><br/>		
		<div class="main-content">
			<div id="mission">
				<h3>Mission Statement:</h3>
				<p>
					My Health by Design was created to give everyone the opportunity to improve their health and wellness by 
					providing the access necessary to utilize all the appropriate fitness, nutrition, and stress management guidelines 
					that are suitable for every individual’s needs.  The site incorporates the most up to dates and accurate scientific 
					evidence necessary to provide an easy to use, well-rounded, and safe health program for any individual.   
				</p>
			</div>
			<div>
				<button class=" awesomebtn green" onclick="location.href='health-signup.html'">Sign Up!! &raquo;</button> 
			</div>
		</div>
	</div>
	
	<div>
		<a href="#" title="About Us">About Us</a>&nbsp;/&nbsp;
		<a href="#" title="Contact Us">Contact Us</a>&nbsp;/&nbsp;
		<a href="#" title="Jobs">Jobs</a>
		<span style="float:right;">&copy;2011&nbsp;<a href="#">Carroll University.</a>&nbsp;All Rights Reserved.</span>
	</div>	
</div>

</body>
</html>
